// 生成35张图片
document.addEventListener('DOMContentLoaded', function() {
    const imageGrid = document.getElementById('imageGrid');
    const imageCount = 35;
    
    for (let i = 1; i <= imageCount; i++) {
        const imageItem = document.createElement('div');
        imageItem.className = 'image-item';
        
        // 使用占位图片，实际应用中可替换为真实图片URL
        const img = document.createElement('img');
        img.src = `https://picsum.photos/300/300?random=${i}`;
        img.alt = `旅行图片 ${i}`;
        
        const overlay = document.createElement('div');
        overlay.className = 'image-overlay';
        overlay.textContent = `旅行目的地 ${i}`;
        
        imageItem.appendChild(img);
        imageItem.appendChild(overlay);
        imageGrid.appendChild(imageItem);
        
        // 添加点击事件
        imageItem.addEventListener('click', function() {
            alert(`您点击了图片 ${i}，将跳转到详情页面`);
            // 实际应用中这里应该是页面跳转逻辑
            // window.location.href = `detail.html?id=${i}`;
        });
    }
    
    // 为导航按钮添加点击事件
    document.querySelector('.login-btn').addEventListener('click', function() {
        alert('跳转到登录页面');
        // window.location.href = 'login.html';
    });
    
    document.querySelector('.post-btn').addEventListener('click', function() {
        alert('跳转到发帖页面');
        // window.location.href = 'post.html';
    });
    
    document.querySelector('.logout').addEventListener('click', function() {
        alert('您已退出登录');
        // 实际应用中这里应该是退出登录的逻辑
    });
});